<template>
  <div class="outmain ba_f">
    <div class="shuju_title mar_b20">
      <div class="shuju_title_text">
        <span>应用列表</span>
      </div>
    </div>
    <div class="market mar_b30">
      <div class="mtitle color_3 fon_16">经营渠道</div>
      <div class="market-con clearfix">
        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="jyqd('elm')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/channel_icon6.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">饿了么</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="一键获取饿了么平台订单">一键获取饿了么平台订单</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15" @click="jyqd('zfbxcx')" v-if="channel_ids.indexOf('ali') >= 0">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/channel_icon3.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">蚂蚁门店</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="支付宝蚂蚁门店">支付宝蚂蚁门店</p>
            </div>
<!--            <div class="notice-new ab fon_12 color_f">上新</div>-->
          </div>
        </div>

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="jyqd('mtwm')">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../../assets/img/channel/channel_icon7.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">美团外卖</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="无缝对接美团外卖，打造高效行业生态">无缝对接美团外卖，打造高效行业生态</p>-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->
      </div>
    </div>
    <!--        <div class="market mar_b30">-->
    <!--            <div class="mtitle color_3 fon_16">店铺拓展</div>-->
    <!--            <div class="market-con clearfix">-->
    <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15"  @click="dptz('zxdc')">-->
    <!--                    <div class="item-wrapper ba_f57a flex rel">-->
    <!--                        <div class="pic"><img src="../../../assets/img/channel/store_icon1.png" class="dis_bk"></div>-->
    <!--                        <div class="description flex-1 mar_l15">-->
    <!--                            <p class="overflowlnr fon_16 color_3">在线点餐</p>-->
    <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="在线点餐，送货上门">在线点餐，送货上门</p>-->
    <!--                        </div>-->
    <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
    <!--                    </div>-->
    <!--                </div>-->

    <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15"  @click="dptz('smdc')">-->
    <!--                    <div class="item-wrapper ba_f57a flex rel">-->
    <!--                        <div class="pic"><img src="../../../assets/img/channel/store_icon2.png" class="dis_bk"></div>-->
    <!--                        <div class="description flex-1 mar_l15">-->
    <!--                            <p class="overflowlnr fon_16 color_3">扫码点餐</p>-->
    <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="自助点餐，AA买单">自助点餐，AA买单</p>-->
    <!--                        </div>-->
    <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
    <!--                    </div>-->
    <!--                </div>-->

    <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15"  @click="dptz('syt')">-->
    <!--                    <a href="#">-->
    <!--                        <div class="item-wrapper ba_f57a flex rel">-->
    <!--                            <div class="pic"><img src="../../../assets/img/channel/store_icon2.png" class="dis_bk"></div>-->
    <!--                            <div class="description flex-1 mar_l15">-->
    <!--                                <p class="overflowlnr fon_16 color_3">收银台</p>-->
    <!--                                <p class="overflowlnr fon_12 color_9 mar_t5" title="收银台">收银台</p>-->
    <!--                            </div>-->
    <!--                            <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
    <!--                        </div>-->
    <!--                    </a>-->
    <!--                </div>-->

    <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15"  @click="dptz('cj')">-->
    <!--                    <div class="item-wrapper ba_f57a flex rel">-->
    <!--                        <div class="pic"><img src="../../../assets/img/channel/store_icon2.png" class="dis_bk"></div>-->
    <!--                        <div class="description flex-1 mar_l15">-->
    <!--                            <p class="overflowlnr fon_16 color_3">存酒</p>-->
    <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="存酒">存酒</p>-->
    <!--                        </div>-->
    <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
    <!--                    </div>-->
    <!--                </div>-->

    <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15"  @click="dptz('zzmd')">-->
    <!--                    <div class="item-wrapper ba_f57a flex rel">-->
    <!--                        <div class="pic"><img src="../../../assets/img/channel/store_icon4.png" class="dis_bk"></div>-->
    <!--                        <div class="description flex-1 mar_l15">-->
    <!--                            <p class="overflowlnr fon_16 color_3">自助买单</p>-->
    <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="自助买单">自助买单</p>-->
    <!--                        </div>-->
    <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
    <!--                    </div>-->
    <!--                </div>-->

    <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15"  @click="dptz('pdqh')">-->
    <!--                    <div class="item-wrapper ba_f57a flex rel">-->
    <!--                        <div class="pic"><img src="../../../assets/img/channel/store_icon5.png" class="dis_bk"></div>-->
    <!--                        <div class="description flex-1 mar_l15">-->
    <!--                            <p class="overflowlnr fon_16 color_3">排队取号</p>-->
    <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="根据餐桌情况叫号,灵活方便">根据餐桌情况叫号,灵活方便</p>-->
    <!--                        </div>-->
    <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15"  @click="dptz('yy')">-->
    <!--                    <div class="item-wrapper ba_f57a flex rel">-->
    <!--                        <div class="pic"><img src="../../../assets/img/channel/store_icon14.png" class="dis_bk"></div>-->
    <!--                        <div class="description flex-1 mar_l15">-->
    <!--                            <p class="overflowlnr fon_16 color_3">预约</p>-->
    <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="提前预约，高效管理">提前预约，高效管理</p>-->
    <!--                        </div>-->
    <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->

    <div class="market mar_b30">
      <div class="mtitle color_3 fon_16">
        营销玩法
        <span class="fon_12 mar_l10 color_9">吸粉、老客带新客，提高下单转化率</span>
      </div>
      <div class="market-con clearfix">
        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('yhq')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon2.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">优惠券</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="使用优惠券，购物有优惠">使用优惠券，购物有优惠</p>
            </div>
            <!--                        <div class="notice-new ab fon_12 color_f">最新</div>-->
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('mj')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon15.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">满额立减</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="设置订单满多少金额享受优惠">设置订单满多少金额享受优惠</p>
            </div>
            <!--                        <div class="notice-new ab fon_12 color_f">最新</div>-->
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('psfyh')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon14.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">配送费满减</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="满额立减配送费，提高订单流量和转化率">满额立减配送费，提高订单流量和转化率</p>
            </div>
            <!--                        <div class="notice-new ab fon_12 color_f">最新</div>-->
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('tcyhq')">
            <div class="item-wrapper ba_f57a flex rel">
                <div class="pic"><img src="../../../assets/img/channel/market_icon2.png" class="dis_bk"></div>
                <div class="description flex-1 mar_l15">
                    <p class="overflowlnr fon_16 color_3">弹窗优惠券</p>
                    <p class="overflowlnr fon_12 color_9 mar_t5" title="优惠券定向发放神器">优惠券定向发放神器</p>
                </div>
                <div class="notice-new ab fon_12 color_f">上新</div>
            </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('qb')" v-show="plug_ids.indexOf('rollBag')>-1">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon20.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">券包</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="多种优惠券，拉新促活促复购">多种优惠券，拉新促活促复购</p>
            </div>
<!--            <div class="notice-new ab fon_12 color_f">上新</div>-->
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('xdfhb')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon3.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">下单返红包</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="促进用户再次进店下单，提升复购率">促进用户再次进店下单，提升复购率</p>
            </div>
<!--            <div class="notice-new ab fon_12 color_f">上新</div>-->
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('xdyl')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon3.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">支付有礼</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="用户付款后,发放店铺优惠券">用户付款后,发放店铺优惠券</p>
            </div>
<!--            <div class="notice-new ab fon_12 color_f">上新</div>-->
          </div>
        </div>

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('gfhb')">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../assets/img/channel/market_icon6.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">瓜分红包</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="下单得红包，分享好友，每人得红包">下单得红包，分享好友，每人得红包</p>-->
        <!--                        </div>-->
        <!--                          <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
        <!--                    </div>-->
        <!--                </div>-->

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('dpmz')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon4.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">店铺满赠</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="设置赠品，回馈用户">设置赠品，回馈用户</p>
            </div>
<!--            <div class="notice-new ab fon_12 color_f">上新</div>-->
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('cjhg')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon11.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">超级换购</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="超级换购">超级换购</p>
            </div>
<!--            <div class="notice-new ab fon_12 color_f">上新</div>-->
          </div>
        </div>

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('ldx')">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../assets/img/channel/market_icon4.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">老带新</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="刺激分享，新用户快速裂变">刺激分享，新用户快速裂变</p>-->
        <!--                        </div>-->
        <!--                         <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
        <!--                    </div>-->
        <!--                </div>-->

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('fxs')">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../assets/img/channel/market_icon18.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">分销商</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="全民推广裂变，快速拓客销货">全民推广裂变，快速拓客销货 </p>-->
        <!--                        </div>-->
        <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
        <!--                    </div>-->
        <!--                </div>-->

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('xcxzb')"  v-show="plug_ids.indexOf(3)>-1">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../../assets/img/channel/market_icon23.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">小程序直播</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="无需繁琐流程，一键开通直播">无需繁琐流程，一键开通直播</p>-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('sphd')">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../assets/img/channel/market_icon23.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">商品活动</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="商品活动">商品活动</p>-->
        <!--                        </div>-->
        <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
        <!--                    </div>-->
        <!--                </div>-->

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('dejbj')">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../assets/img/channel/market_icon23.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">第二件半价</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="第二件半价">第二件半价</p>-->
        <!--                        </div>-->
        <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
        <!--                    </div>-->
        <!--                </div>-->

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('dhm')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon13.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">兑换码</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="凭码兑换权益礼包">凭码兑换权益礼包</p>
            </div>
<!--            <div class="notice-new ab fon_12 color_f">上新</div>-->
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('cashReg')" v-if="plug_ids.indexOf('cashier') >= 0">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/syt.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">收银台</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="凭码兑换权益礼包">快捷收银，扫码枪扫码支付</p>
            </div>
            <div class="notice-new ab fon_12 color_f" style="background: #e6a23c;">插件</div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs"  @click="yxgn('pdqh')" v-if="plug_ids.indexOf('queuing') >= 0">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/paidui.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">排队取号</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="根据餐桌情况叫号,灵活方便">根据餐桌情况叫号,灵活方便</p>
            </div>
            <div class="notice-expect ab fon_12 color_f" style="background: #e6a23c;">插件</div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yxgn('jsjc')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/cunjiu.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">酒水寄存</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="酒水寄存">酒水寄存</p>
            </div>
            <div class="notice-new ab fon_12 color_f">上新</div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs"  @click="yxgn('yy')" v-if="plug_ids.indexOf('reserve') >= 0">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic"><img src="../../../assets/img/channel/yy.png" class="dis_bk"></div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">餐桌预定</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="提前预约，高效管理">提前预约，高效管理</p>
            </div>
            <div class="notice-expect ab fon_12 color_f" style="background: #e6a23c;">插件</div>
          </div>
        </div>

      </div>
    </div>
    <div class="market mar_b30">
      <div class="mtitle color_3 fon_16">
        引流拉新
        <span class="fon_12 mar_l10 color_9">引流促下单、开店必备，精准揽客</span>
      </div>
      <div class="market-con clearfix">
        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="yllx('xklj')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon29.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">门店新客立减</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="门店新客立减，吸引新用户">门店新客立减，吸引新用户下单</p>
            </div>
            <!--                        <div class="notice-new ab fon_12 color_f">上新</div>-->
          </div>
        </div>
      </div>
    </div>

    <div class="market mar_b30">
      <div class="mtitle color_3 fon_16">
        客群维护
        <span class="fon_12 mar_l10 color_9">让老客户更多重复购买，提高客单贡献</span>
      </div>
      <div class="market-con clearfix">
        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('huk')">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../assets/img/channel/market_icon7.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">会员卡</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="办理会员卡，留住客户">办理会员卡，留住客户</p>-->
        <!--                        </div>-->
        <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
        <!--                    </div>-->
        <!--                </div>-->

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('hycz')"  v-show="new_ids.indexOf(3)>-1">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../../assets/img/channel/market_icon8.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">会员储值</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="吸引客户储值提高客户粘性和复购率">吸引客户储值提高客户粘性和复购率</p>-->
        <!--                        </div>-->
        <!--                        <div class="notice-new ab fon_12 color_f">上新</div>-->
        <!--                    </div>-->
        <!--                </div>-->

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('sryl')">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../assets/img/channel/market_icon12.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">生日有礼</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="在顾客生日送去祝福">在顾客生日送去祝福</p>-->
        <!--                        </div>-->
        <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
        <!--                    </div>-->
        <!--                </div>-->

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('zxzx')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon32.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">资讯中心</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="提供行业的最热新闻资讯">提供行业的最热新闻资讯</p>
            </div>
<!--            <div class="notice-new ab fon_12 color_f">上新</div>-->
          </div>
        </div>

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('jfsc')" v-show="new_ids.indexOf(5)>-1">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../../assets/img/channel/market_icon9.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">积分商城</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="用积分可以兑换商品">用积分可以兑换商品</p>-->
        <!--                        </div>-->
        <!--                        <div class="notice-new ab fon_12 color_f">上新</div>-->
        <!--                    </div>-->
        <!--                </div>-->

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('jfqd')" v-show="new_ids.indexOf(4)>-1">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../../assets/img/channel/market_icon10.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">积分签到</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="每日签到领积分和优惠券">每日签到领积分和优惠券</p>-->
        <!--                        </div>-->
        <!--                        <div class="notice-new ab fon_12 color_f">上新</div>-->
        <!--                    </div>-->
        <!--                </div>-->

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('fqb')">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../assets/img/channel/market_icon1.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">发券宝</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="指定发券，精准营销">指定发券，精准营销</p>-->
        <!--                        </div>-->
        <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
        <!--                    </div>-->
        <!--                </div>-->

        <!--                <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="kqwh('rwgl')">-->
        <!--                    <div class="item-wrapper ba_f57a flex rel">-->
        <!--                        <div class="pic"><img src="../../assets/img/channel/market_icon1.png" class="dis_bk"></div>-->
        <!--                        <div class="description flex-1 mar_l15">-->
        <!--                            <p class="overflowlnr fon_16 color_3">任务管理</p>-->
        <!--                            <p class="overflowlnr fon_12 color_9 mar_t5" title="任务管理">任务管理</p>-->
        <!--                        </div>-->
        <!--                        <div class="notice-new ab fon_12 color_f">最新</div>-->
        <!--                    </div>-->
        <!--                </div>-->
      </div>
    </div>

    <div class="market mar_b30">
      <div class="mtitle color_3 fon_16">
        配套工具
        <span class="fon_12 mar_l10 color_9">扫码、核销、调研等</span>
      </div>
      <div class="market-con clearfix">
        <div class="market-item fl wid17 curs pad_r_15 mar_t15" @click="ptgj('mbxx')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon26.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">接单助手</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="向顾客及商家发送信息">向顾客及商家发送信息</p>
            </div>
            <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15" @click="ptgj('dxxx')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon27.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">短信消息</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="设置手机号，配置短信消息">设置手机号，配置短信消息</p>
            </div>
            <!--                        <div class="notice-expect ab fon_12 color_f">敬请期待</div>-->
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="ptgj('yytx')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon25.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">语音提醒</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="设置订单语音提醒">设置订单语音提醒</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15" @click="ptgj('ylb')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon26.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">云喇叭</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="云喇叭">云喇叭</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="ptgj('hmgl')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon25.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">活码管理</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="活码管理">活码管理</p>
            </div>
          </div>
        </div>

        <div class="market-item fl wid17 curs pad_r_15 mar_t15 curs" @click="ptgj('mdm')">
          <div class="item-wrapper ba_f57a flex rel">
            <div class="pic">
              <img src="../../../assets/img/channel/market_icon25.png" class="dis_bk" />
            </div>
            <div class="description flex-1 mar_l15">
              <p class="overflowlnr fon_16 color_3">推广码</p>
              <p class="overflowlnr fon_12 color_9 mar_t5" title="推广码">推广码</p>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</template>
<script>
import { mapMutations, mapState } from 'vuex';
import { getSuperPower } from '@/api/plug';
export default {
  created() {
    this.getSuperPower();
  },
  computed: {
    ...mapState(['storeId'])
  },
  data() {
    return {
      channel_ids: [], //渠道1微信公众号，2微信小程序，3支付宝小程序，4百度小程序，5字节跳动小程序
      new_ids: [], //增值balanceRecharge会员储值，signIndex积分签到，integralShop积分商城
      plug_ids: [] //插件，miniPlay小程序直播，rollBag券包
    };
  },
  methods: {
    ...mapMutations(['setmenuCurrent']),
    async getSuperPower() {
      const { data } = await getSuperPower({ storeId: this.storeId });
      this.channel_ids = data.channel_ids ? data.channel_ids : [];
      this.new_ids = data.new_ids ? data.new_ids : [];
      this.plug_ids = data.plug_ids ? data.plug_ids : [];
    },
    jyqd(type) {
      switch (type) {
        case 'elm':
          this.$router.push({ path: 'storeelemapplets' });
          break;
        case 'zfbxcx':
          this.$router.push({ path: 'storezfbmyshop' });
          break;
        default:
          this.$baseMessage('敬请期待', 'success');
      }
    },
    dptz(type) {
      switch (type) {
        case 'xcx':
          this.$router.push({ path: 'miniapplets' });
          break;
        default:
          this.$baseMessage('敬请期待', 'success');
      }
    },
    kqwh(type) {
      switch (type) {
        case 'zxzx':
          this.$router.push({ path: 'storeinformationlist' });
          break;
        default:
          this.$baseMessage('敬请期待', 'success');
      }
    },
    yllx(type) {
      switch (type) {
        case 'xkzx':
          this.$router.push({ path: 'newslist' });
          break;
        case 'xklj':
          this.$router.push({ path: 'storecustomerlist' });
          break;
        default:
          this.$baseMessage('敬请期待', 'success');
      }
    },
    ptgj(type) {
      switch (type) {
        case 'mbxx':
          this.$router.push({ path: 'storetemplatemsg' });
          break;
        case 'dxxx':
          this.$router.push({ path: 'storesmsreminder' });
          break;
        case 'yytx':
          this.$router.push({ path: 'storevoicereminder' });
          break;
        case 'hmgl':
            this.$router.push({path: 'storetablemanager'})
            break;
        case 'mdm':
          this.$router.push({path: 'storetablecode'})
          break;
        case 'ylb':
          this.$router.push({ path: 'storemsgnotlist' });
          break;
        default:
          this.$baseMessage('敬请期待', 'success');
      }
    },
    yxgn(type) {
      switch (type) {
        case 'psfyh':
          this.$router.push({ path: 'storedeliverylist' });
          break;
        case 'mj':
          this.$router.push({ path: 'storefulllist' });
          break;
        case 'xcxzb':
          this.$router.push({ path: 'livelist' });
          break;
        case 'yhq':
          this.$router.push({ path: 'storecouponlist' });
          break;
        case 'xdfhb':
          this.$router.push({ path: 'storeorderRedlist' });
          break;
        case 'xdyl':
          this.$router.push({ path: 'storeorderCourtesylist' });
          break;
        case 'dpmz':
          this.$router.push({ path: 'storegiftlist' });
          break;
        case 'cjhg':
          this.$router.push({ path: 'storepurchaselist' });
          break;
        case 'qb':
          this.$router.push({ path: 'storerollbaglist' });
          break;
        case 'dhm':
          this.$router.push({ path: 'storeexchangelist' });
          break;
        case 'tcyhq':
          this.$router.push({ path: 'storewindowcoupon' });
          break;
        case 'pdqh':
          this.$router.push({ path: 'storequeuingdetails' });
          break;
        case 'jsjc':
          this.$router.push({ path: 'storestorage' });
          break;
        case 'cashReg':
          this.$router.push({ path: 'carregsyy' });
          break;
        case 'yy':
          this.$router.push({ path: 'storeappointmentlist' });
          break;
        default:
          this.$baseMessage('敬请期待', 'success');
      }
    }
  }
};
</script>
<style lang="scss" scoped>
.market .mtitle {
  height: 30px;
  line-height: 30px;
}

.market-con {
  margin-right: -15px;
}

.market-con .item-wrapper {
  padding: 0 10px 0 15px;
  height: 80px;
  border-radius: 6px;
}

.item-wrapper:hover {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.11);
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.11);
}

.pic img {
  width: 42px;
  height: 42px;
}

.notice-expect {
  background: #999;
  padding: 1px 5px;
  right: 0;
  top: 0;
}

.notice-new {
  background: #fc6060;
  padding: 1px 5px;
  right: 0;
  top: 0;
}

.wid17 {
  width: 16%;
  /*width: 250px;*/
  transition: 0.2s all ease;
}
</style>
